<div>
    <br>
    <ol class="breadcrumb" style="margin-bottom: 0px">
        <li class="active"><span class="glyphicon glyphicon-home" style="color:#23527c"></span>&nbsp;<mainpage>
            </mainpage>
        </li>
        <li class="active">运营分析工作台 / 短信生命周期监控 </li>
    </ol>

    <div class="rightbar">
        <div class="showEle sign1 clearfix">
            <form action="sendSm/out-excel-mm" method="post" id="form" class="form-inline">
                <div class="left marT15 marR10" style="position: relative;">
                    <span class="search-name">手机号</span>
                    <input type="text" class="form-control1" placeholder="" ng-keyup='search($event)'
                        ng-model="searchData.userNo" name="userNo">
                    <span style="color: red; position: absolute; top: 30px; left: 30px;">{{errors}}</span>
                </div>
                <div class="left marT15 marR10" style="position: relative;">
                    <span class="search-name">时间选择</span><span class='daysTip' style='position: absolute; top: 30px; left: 60px;'>(查询时间范围不得超过31天)</span>
                    <div class="controls">
                        <input type="text" ng-model="searchData.startDate" placeholder="" name="startDate"
                            style="display: none;">
                        <input type="text" ng-model="searchData.endDate" placeholder="" name="endDate"
                            style="display: none;">
                        <div class="input-prepend input-group">
                            <span class="add-on input-group-addon">
                                <i class="glyphicon glyphicon-calendar fa fa-calendar"></i>
                            </span>
                            <input type="text" readonly style="width: 155px" id="smsLifeCycle" class="form-control" />
                            <span class="input-group-addon" ng-click='clearTime()'>清空</span>
                        </div>
                    </div>
                </div>
            </form>
            <a href="javascript:;" class=" btn btn-sm btn-primary left marT15 clearfix" id="search" ng-click='search()'>
                <span class="glyphicon glyphicon-search"></span>
            </a>
            <!-- <div class="right marT15" style="position:relative">
                <button class="btn btn-sm btn-primary" ng-click='outExcel()'><img style="width:25px; height:20px;" src="img/excel.png">导出表格<span
                        ng-style='loadStyle' class="outExcelLoad"><img src="img/load.gif"></span>
                </button>
            </div> -->
        </div>

        <div class="table-box">
            <table class="table table-bordered table-striped text-center bg-info marT15">
                <thead>
                    <tr class="info">
                        <th class="text-center">序号</th>
                        <th class="text-center">手机号</th>
                        <th class="text-center">内容</th>
                        <th class="text-center">操作</th>
                    </tr>
                </thead>
                <tbody id="appList">
                    <tr ng-repeat="Item in result">
                        <td>{{ $index+1 }}</td>
                        <td class="w115">{{ Item.userNo }}</td>
                        <td class="w115">{{ Item.smContent }}</td>
                        <td style="min-width: 200px">
                            <a class="marR10" ng-click="editTr(Item.recId)">发送详情</a>
                        </td>
                    </tr>
                </tbody>
            </table>
            <page></page>
        </div>
        <!--  关系图-->
        <div class="rela">
            <div class="outo-center">
                <div class="sela-tu svrNode1">
                    <img src="../../img/xt.png" alt="">
                </div>
                <div class="long1">
                    <span>{{timeData.recvTime}}</span>
                    <img id="sqImg" src="../../img/1sq.png" alt="">
                </div>
                <div class="long2">
                    <img id="xqImg" src="../../img/1xq.png" alt="">
                    <span>{{timeData.reportFeedbackTime}}</span>
                </div>
                <div class="sela-tu sms">
                    <img src="../../img/dxpt.png" alt="">
                </div>
                <div class="short1">
                    <div class="text-time1">{{timeData.sendTime}}</div>
                    <img id="zqImg" src="../../img/2zq.png" alt="">
                </div>
                <div class="short2">
                    <img id="yqImg" src="../../img/2yq.png" alt="">
                    <div class="text-time2">{{timeData.recvReportTime}}</div>
                </div>
                <div class="sela-tu wangGuan">
                    <img src="../../img/yys.png" alt="">
                </div>
                <div class="long3">
                    <span>{{timeData.recvReportTime}}</span>
                    <img id="sqImg1" src="../../img/3sq.png" alt="">
                </div>
                <div class="long4">
                    <img id="xqImg1" class="trans" src="../../img/3xq.png" alt="">
                    <span>{{timeData.sendFeedbackTime}}</span>
                </div>
                <div class="sela-tu oper">
                    <img src="../../img/wg.png" alt="">
                </div>
            </div>
        </div>

    </div>
</div>

<!-- 加载框 -->
<span class='loaded' ng-show='loaded'>
    <img src="img/load.gif">
</span>
<!-- 加载框 完成-->